<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css"
	type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/wytsxq.css" type="text/css">
</head>
<body>
	<div class="suggDetail">
	<input type="hidden" id="item" value="${sessionScope.item_property}"/>
		<div class="nav-list" style="width:921px;">
			<ul>
				<li style="width:460px;"><img style=" height:20px;vertical-align:-4px;" src="${ctx}/images/wuye/wy3.png" /><a
					href="${ctx}/propertySuggestion/goToEditPage" style="color: black">提交投诉</a>
				<div class="bottom-box "></div></li>
				<li style="width:460px;"><img style=" height:20px;vertical-align:-4px;" src="${ctx}/images/wuye/tousuqipao.png" />我的投诉
					<div id="show-box" class="bottom-box "></div></li>
			</ul>
		</div>
		<div class="content">
			<span class="tsxq-head">投诉详情</span><span class="tsxq-head-img"><a
				href="#"><img style="margin-right: 10px;" src="${ctx}/images/tsjy/ts7.png"></a></span>
			<hr class="blue-hr" />
			<table class="c-detail">
				<tr class="return-tr">
					<td colspan="2" class="return-td"><a class="return"
						href="${ctx}/propertySuggestion/infoList">&lt;&lt;&nbsp;返回</a></td>
				</tr>
				<tr class="detail-bg-color">
					<td class="left-td">投诉单号<input value="${complaintsInfo.id}"
						id="ID" type="hidden" /></td>
					<td width="520px;">${complaintsInfo.id}</td>
				</tr>
				<tr>
					<td class="left-td">投诉类型</td>
					<td><c:if test="${complaintsInfo.sugesstionType == 0}">物业投诉</c:if>
						<c:if test="${complaintsInfo.sugesstionType == 1}">物业建议</c:if>
				    </td>
				</tr>
				<tr class="detail-bg-color">
					<td class="left-td">投诉标题</td>
					<td>${complaintsInfo.title}</td>
				</tr>
				<tr>
					<td class="left-td">投诉时间</td>
					<td><fmt:formatDate value="${complaintsInfo.createTime}"
							pattern="yyyy年MM月dd日     HH:mm" /></td>

				</tr>
				<tr class="detail-bg-color">
					<td class="left-td" style="vertical-align: top;">投诉问题描述</td>
					<td style="padding-right:10px;">
						${complaintsInfo.content}
					</td>
				</tr>
				<tr>
					<td class="left-td" style="vertical-align: top;">拍摄照片</td>
					<td>
						<div class="photo-box mar-l">
							<c:forEach items="${imgs}" var="item" varStatus="status">
							<input id="imageId" type="hidden" value="${item.id}">
								<div id="delete${item.url}" style="float: left;margin-top: 18px;"
									onmouseover="showdelete(this);" onmouseout="hidedelete(this);">
									<input id="imgId${status.index+1}" type="hidden"
										value="${item.url}"> <img id="imgPic${item.url}"
										width="100px" height="100px;"
										style=" float: left; margin-right: 10px;"
										src="${sessionScope.image_logo}${item.url}"> <span
										class="deletegoods" onclick="deletePic();"
										style="display: none;"><img title="删除图片"
										src="${ctx}/images/tsjy/deletegoods.png" /></span>
								</div>
							</c:forEach>
						</div>
					</td>
				</tr>
				<tr class="detail-bg-color">
					<td class="left-td" colspan="2"><div
							class="over-flow func-box">
							<span class="resp"><img src="${ctx}/images/tsjy/83_03.png" />平台回复</span><span
								class="service"><img src="${ctx}/images/tsjy/ts7.png" />联系客服</span>
						</div></td>
				</tr>
				<tr class="return-tr">
					<td class="res-con-td" colspan="2">
						<div class="res-box over-flow">
							<c:if test="${complaintsInfo.state == 1}">
							<div class="img-box">
								    <img src="${ctx}/images/tsjy/ts6.png" />
							</div>
							</c:if>
							<div class="res-content-box">
                                <div>
									<c:forEach items="${platformReply}" var="item"
                                    varStatus="itemStatus">
                                    <div class="res-item">
                                        <p class="time">
                                            <fmt:formatDate value="${item.replyTime}"
                                                pattern="yyyy年MM月dd日     HH:mm" />
                                        </p>
                                        <p>${item.content}</p>
                                    </div>
                                </c:forEach>
								</div>
								<c:forEach items="${ownerReply}" var="item"
									varStatus="itemStatus">
									<div class="res-item">
										<p class="time">
											<fmt:formatDate value="${item.replyTime}"
												pattern="yyyy年MM月dd日     HH:mm" />
										</p>
										<p>${item.content}</p>
									</div>
								</c:forEach>
							</div>
						</div>
						<hr />
						<div class="ta-box">
							<textarea onpropertychange="if(value.length>500) value=value.substr(0,500)" maxlength="500" class="text-area" id="common" onblur="checkCommon();" style="background-image:url(${ctx}/images/tsjy/83_07.png);background-repeat: no-repeat;background-position: 10px 10px;"></textarea>
							<div class="btn-box">
								<button class="btn t-btn" onclick="shutComplainAndCommon(${complaintsInfo.id});">关闭投诉并评论</button>
								<button class="btn c-btn" onclick="BackDetail();">取消</button>
							</div>
						</div>
					</td>
				</tr>
				<tr class="return-tr">
					<td colspan="2" class="return-td"><a class="return"
						href="${ctx}/propertySuggestion/infoList">&lt;&lt;&nbsp;返回</a></td>
				</tr>
			</table>
		</div>
	</div>
	<script
		src="${ctx}/js/controllers/propertySuggestion/PropertySuggestionDetailsController.js"
		type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	 <script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script> 
</body>
</html>